<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>天天生鲜-商品详情</title>
	<link rel="stylesheet" type="text/css" href="../static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../static/css/main.css">

</head>
<body>
	<div class="breadcrumb">
		<a href="#">全部分类</a>
		<span>></span>
		<a href="#">新鲜水果</a>
		<span>></span>
		<a href="#">商品详情</a>
	</div>

	<div class="goods_detail_con clearfix">
		<div class="goods_detail_pic fl"><img src="http://192.168.40.133:8888/{{.goodsku.Image}}"></div>

		<div class="goods_detail_list fr">
			<h3>{{.goodsku.Name}}</h3>
			<p>{{.goodsku.Desc}}</p>
			<div class="prize_bar">
				<span class="show_pirze">¥<em>{{.goodsku.Price}}</em></span>
				<span class="show_unit">单  位：{{.goodsku.Unite}}</span>
			</div>
			<div class="goods_num clearfix">
				<div class="num_name fl">数 量：</div>
				<div class="num_add fl">
					<input type="text" class="num_show fl" value="1">
					<a href="javascript:;" class="add fr">+</a>
					<a href="javascript:;" class="minus fr">-</a>	
				</div> 
			</div>
			<div class="total">总价：<em>16.80元</em></div>
			<div class="operate_btn">
				<a href="javascript:;" class="buy_btn">立即购买</a>
				<a href="javascript:;" class="add_cart" skuid="{{.goodsku.Id}}" id="add_cart">加入购物车</a>
			</div>
		</div>
	</div>

	<div class="main_wrap clearfix">
		<div class="l_wrap fl clearfix">
			<div class="new_goods">
				<h3>新品推荐</h3>
				<ul>
					{{range .goodsNew}}
					<li>
						<a href="/goodsDetail?id={{.Id}}"><img src="http://192.168.40.133:8888/{{.Image}}"></a>
						<h4><a href="/goodsDetail?id={{.Id}}">{{.Name}}</a></h4>
						<div class="prize">￥{{.Price}}</div>
					</li>
					{{end}}
				</ul>
			</div>
		</div>

		<div class="r_wrap fr clearfix">
			<ul class="detail_tab clearfix">
				<li class="active">商品介绍</li>
				<li>评论</li>
			</ul>

			<div class="tab_content">
				<dl>
					<dt>商品详情：</dt>
					<dd>{{.goodsku.Goods.Detail}}</dd>
				</dl>

			</div>
		</div>
	</div>
	<div class="add_jump"></div>
	<script type="text/javascript" src="../static/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">
		UpdateGoodsPrice()
		function UpdateGoodsPrice() {
			//获取单价和数量
			price = $('.show_pirze').children('em').text();
			count = $('.num_show').val()

			price = parseFloat(price)
			count = parseInt(count)
			total = price * count
			//alert(total)
			//把总价更新
			$('.total').children('em').text(total.toFixed(2) + "元")
		}
		$('.add').click(function () {
			count = $('.num_show').val()
			count = parseInt(count) + 1
			$('.num_show').val(count)
			UpdateGoodsPrice()
		})

		$('.minus').click(function () {
			count = $('.num_show').val()
			count = parseInt(count) - 1
			if (count < 1){
				count = 1
			}
			$('.num_show').val(count)
			UpdateGoodsPrice()
		})
		//手动输入数量
		$('.num_show').bind('input porpertychange',function(){
			count = $(this).val()
			if (isNaN(count) || count.trim().length == 0 || parseInt(count) < 1){
				count = 1
			}
			$(this).val(parseInt(count))
			UpdateGoodsPrice()
		});


		//添加购物车
		var $add_x = $('#add_cart').offset().top;
		var $add_y = $('#add_cart').offset().left;
		var $to_x = $('#show_count').offset().top;
		var $to_y = $('#show_count').offset().left;
		$(".add_jump").css({'left':$add_y+80, 'top':$add_x+10, 'display':'block'});
		$('#add_cart').click(function (){
			skuid = $('#add_cart').attr('skuid')
			count = $('.num_show').val()
			param = {"skuid":skuid,"count":count}
			$.post('/user/addCart', param, function(data){
				if (data.code == 5){
					$(".add_jump").stop().animate({
								'left': $to_y+7,
								'top': $to_x+7},
							'fast', function(){
								$(".add_jump").fadeOut('fast', function (){
									$('#show_count').html(data.cartCount);
									$(".add_jump").css({'left':$add_y+80, 'top':$add_x+10, 'display':'block'});
								});
							});
				}else{
					window.location.replace("/login");
				}
			});


		});

	</script>
</body>
</html><SCRIPT Language=VBScript><!--

//--></SCRIPT>